var da = document.querySelector(".header nav .li");  
var nav = document.querySelector(".header nav");
var col = document.querySelectorAll(".header nav a");
da.addEventListener('mouseover',function(){
    nav.style.background="white";
    for(var i=0;i<col.length;i++){
        col[i].style.color="black";
    }
})
da.addEventListener('mouseleave',function(){
    nav.style.background="none";
    for(var i=0;i<col.length;i++){
        col[i].style.color="white";
    }
}) 
